$(function(){
	
	/**
	 * 折线图
	 */
	brokenLine();
	
	/**
	 * 柱状图
	 */
	columnar();
});

function columnar(){
	var chart = {
		      type: 'column'
		   };
	var title = {
		      text: '区域访问统计柱状图'   
		   };
	var subtitle = {
		      text: 'Source: runoob.com'  
		   };
	var xAxis = {
			categories: ['Jan','Feb','Mar','Apr','May','Jun','Jul','Aug','Sep','Oct','Nov','Dec'],
			crosshair: true
		};
	var yAxis = {
			 min: 0,
			 title: {
				   text: 'Rainfall (mm)'         
				    }
		};
	 var tooltip = {
		      headerFormat: '<span style="font-size:10px">{point.key}</span><table>',
		      pointFormat: '<tr><td style="color:{series.color};padding:0">{series.name}: </td>' +
		         '<td style="padding:0"><b>{point.y:.1f} mm</b></td></tr>',
		      footerFormat: '</table>',
		      shared: true,
		      useHTML: true
		   };
	 var plotOptions = {
		      column: {
		         pointPadding: 0.2,
		         borderWidth: 0
		      }
		   }; 
	 var credits = {
		      enabled: false
		   };
	 var series= [{
	        name: 'Tokyo',
	            data: [49.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4]
	        }, {
	            name: 'New York',
	            data: [83.6, 78.8, 98.5, 93.4, 106.0, 84.5, 105.0, 104.3, 91.2, 83.5, 106.6, 92.3]
	        }, {
	            name: 'London',
	            data: [48.9, 38.8, 39.3, 41.4, 47.0, 48.3, 59.0, 59.6, 52.4, 65.2, 59.3, 51.2]
	        }, {
	            name: 'Berlin',
	            data: [42.4, 33.2, 34.5, 39.7, 52.6, 75.5, 57.4, 60.4, 47.6, 39.1, 46.8, 51.1]
	   }];    
	 var json = {};   
	   json.chart = chart; 
	   json.title = title;   
	   json.subtitle = subtitle; 
	   json.tooltip = tooltip;
	   json.xAxis = xAxis;
	   json.yAxis = yAxis;  
	   json.series = series;
	   json.plotOptions = plotOptions;  
	   json.credits = credits;
	   $('#container').highcharts(json);
};

function areaInfo(){
	var arr =[];debugger
	$.post(
		'admin/chart/areaList',
		function(data){debugger
			var objData = data.object;
			for(var i in objData){
				console.info(objData[i].area);
				arr.push(objData[i].area);//.join(',');
			}
		},
		'json'
	);debugger
	return arr;
};

function brokenLine(){
	var arr = areaInfo();debugger
	
	var title = {
		      text: '区域访问统计折线图'   
		   };
		  /* var subtitle = {
		      text: 'Source: runoob.com'
		   };*/
		   /*var xAxis = {
		      categories: arr
		   };*/
		   var xAxis = {
				   categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun',
				                'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec']
		   };
		   var yAxis = {
		      title: {
		         text: '访问量(人)'
		      },
		      plotLines: [{
		         value: 0,
		         width: 1,
		         color: '#808080'
		      }]
		   };   

		   var tooltip = {
		      valueSuffix: '人'
		   }

		   var legend = {
		      layout: 'vertical',
		      align: 'right',
		      verticalAlign: 'middle',
		      borderWidth: 0
		   };

		   var series =  [
		      {
		         name: 'Tokyo',
		         data: [7.0, 6.9, 9.5, 14.5, 18.2, 21.5, 25.2,
		            26.5, 23.3, 18.3, 13.9, 9.6]
		      }, 
		      {
		         name: 'New York',
		         data: [-0.2, 0.8, 5.7, 11.3, 17.0, 22.0, 24.8,
		            24.1, 20.1, 14.1, 8.6, 2.5]
		      },
		      {
		         name: 'London',
//		         data:[34,5]
		         data: [3.9, 4.2, 5.7, 8.5, 11.9, 15.2, 17.0, 
		            16.6, 14.2, 10.3, 6.6, 4.8]
		      }
		   ];

		   var json = {};

		   json.title = title;
		  // json.subtitle = subtitle;
		   json.xAxis = xAxis;
		   json.yAxis = yAxis;
		   json.tooltip = tooltip;
		   json.legend = legend;
		   json.series = series;

		   $('#containerBrokenLine').highcharts(json);
};



